﻿<html>
  <head>	
	<style>
		html 
		{ 
			font:10pt Verdana; 
			overflow:hidden;
			background-color:transparent;
			background-image:url(../gui/img/back.PNG);
			background-repeat:expand;
			background-position:15 15 15 15;		
		}

		#topbar
		{
			flow:horizontal;
			margin-bottom: 5px;		
		}

		#topbar #caption 
		{		
			color: white;
			padding:0 4px;
			outline:3px glow white;
		}

		#topbar #close
		{
			behavior: button;
		}

		#topbar widget[type="button"] 
		{
			width:1em;
			height:1em;
			background-image:none;
			padding:1px;
			font-family: marlett;
			font-size:10pt;
			color: white;
			//border:1px solid #B0CFD1;
			text-align:center;
			vertical-align:center;
			margin:0;
			//transition:none;		
		}

		#topbar widget[type="button"]:hover 
		{
			color:orange;
			border-color:orange;
			background-color:#0066FF;
			outline:1px glow orange 3px;
		} 

		#topbar widget[type="button"]:active 
		{
			background-color:#274749;
		} 

		#content
		{
			background-color: white;
			padding: 10px 10px *;
			border-radius: 7px 0 7px 7px;
			margin: 0 0 0 20%;		
		}

		.date-time
		{		
			background-color: transparent;		
			prototype: Clock url(../gui/script/clock.tis);
			height:8%%; 
			width:100%%; 
		}			
	</style>
	
	<script type="text/tiscript" src="../gui/script/holder.tis" />
    <script type="text/tiscript">	
    
	function alert(msg) 
	{ 
		view.msgbox(#alert,msg); 
	} 

	self.onControlEvent = function(evt) 
	{
		if( evt.type == Event.BUTTON_CLICK )
		{
			var aOnClick = evt.target.attributes["onclick"];
			return aOnClick && evt.target.eval(aOnClick);
		}
	}
    </script>	
  </head>
<body>
	<div id="topbar">		
		<div id="caption">My window</div>
		<widget id="minimize" type="button">0</widget>		
		<widget id="close"    type="button">r</widget>
	</div>
	<div id="content">
		<button onclick='alert(this.text + " world!")'>Hello</button>
		<button onclick='alert(this.text + " world!")'>Hi</button>
		<button>Call native code</button>		
	</div>	
	<div class="date-time"></div>
</body>
</html>